<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title>
    <link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link href="/css/style.css" rel='stylesheet' type='text/css' />
    <link rel="stylesheet" data-ignore="true" href="/css/204">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/buy.css">
    <link rel="stylesheet" href="/css/com_footer.css">
    <link rel="stylesheet" href="/css/com_header.css">
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/js/login.js"></script>
    <script src="/js/jquery.easydropdown.js"></script>
    <script src="/js/jquery-1.11.1.min.js"></script>


    <!--Animation-->
    <script src="/js/wow.min.js"></script>
    <link href="/css/animate.css" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
</head>
<body>
<div class="header">
    <div class="col-sm-8 header-left">
        <div class="logo">
            <a href="index.html"><img src="/images/logos.png" alt=""/></a>
        </div>
        <div class="menu">
            <a class="toggleMenu" href="#"><img src="/images/nav.png" alt="" /></a>
            <ul class="nav" id="nav">
                <li class="active"><a href="#">个人中心</a></li>

                <li><a th:if="${session.user==null}" href="#">我的订单</a></li>
                <li><a th:if="${session.user}" th:href=" '/order/list?userId=' + ${session.user.userId}">我的订单</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="#">历史记录</a></li>
                <div class="clearfix"></div>
            </ul>
            <script type="text/javascript" src="js/responsive-nav.js"></script>
        </div>
        <!-- start search-->
        <!----search-scripts---->
        <script src="/js/classie.js"></script>
        <script src="/js/uisearch.js"></script>
        <script>
            new UISearch( document.getElementById( 'sb-search' ) );
        </script>
        <!----//search-scripts---->
        <div class="clearfix"></div>
    </div>
    <div class="col-sm-4 header_right">
        <div id="loginContainer"><a href="#" id="loginButton"><img src="/images/login.png">
            <span th:if="${session.user==null}">登陆</span>
            <a href="/info"><span th:if="${session.user}" th:text="${session.user.displayName}"></span></a>
            <input type="button" id="logout" value="注销" onclick="userlogout()"  th:if="${session.user}">
        </a>
            <div id="loginBox">
                <form id="loginForm" action="/user/login" method="post">
                    <fieldset id="body">
                        <fieldset>
                            <label>用户名</label>
                            <input type="text" name="username" id="username">
                        </fieldset>
                        <fieldset>
                            <label>密码</label>
                            <input type="password" name="password" id="password">
                        </fieldset>
                        <fieldset th:if="${loginFailure}">
                            <label style="color: red">用户名或密码错误</label>
                        </fieldset>
                        <input type="submit" id="login" value="登陆">
                        <!--<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>-->
                    </fieldset>
                    <span><a th:href="@{/register.html}">注册新账户</a></span>
                </form>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>

<script th:inline="javascript">
    if ([[${loginFailure}]] == true) {
        $('#loginBox').toggle()
    }
</script>
<!--  支付页面-->
<div id="body " class="container clear-fix">
    <div class="cd">
        <i class="icon icon-sand">
        </i><span class="cd-text" >请在 <span class="cd-time" id="countdown">30:00</span> 内完成支付, 超时订单会自动取消</span>
    </div>
    <script>
        window.onload=function(){
            var countdown=document.getElementById("countdown");
            var time=1800;//30分钟换算成1800秒
            setInterval(function(){
                time=time-1;
                var minute=parseInt(time/60);
                var second=parseInt(time%60);
                //countdown.text(minute+':'+second);
                $('#countdown').text( minute+':'+second )
               // countdown.innerHTML='请在'+minute+'分'+second+'秒内完成支付, 超时订单会自动取消';
            },1000);
        }

    </script>
    <div class="clear-fix"></div>
    <div class="right right-widen">
        <div class="common-tip pay-tip">
            <h3>付款遇到问题了？先看看是不是由于下面的原因。</h3>
            <ul class="pay-tip-list">
                <li><h5>要求开通网上银行？</h5>
                <p>您可以联系对应银行开通网银，可以尝试使用支付宝、微信、财付通支付，或者下载美团APP在手机端完成支付。</p>
            </li>
                <li><h5>所需支付金额超过了银行支付限额？</h5><p>建议先分若干次充值到美团余额，或登录网上银行提高上限额度，即可轻松支付。</p></li>
                <li><h5>收不到银行的短信验证码？</h5><p>建议重新获取短信验证码，如果还是收不到短信，直接打各银行的客服电话获取短信验证码。</p></li>
                <li><h5>网银页面显示错误或者空白？</h5><p>建议刷新页面或更换到IE浏览器进行支付，您还可以选择支付宝、微信、财付通完成支付。</p></li>
                <li><h5>网上银行扣款后，美团订单仍显示"未付款"怎么办？</h5><p>可能是由于银行的数据没有即时传输，请您不要担心，稍后刷新页面查看。如较长时间仍显示未付款，可先向银行或支付平台获取支付凭证（扣款订单号/第三方交易号），联系美团客服(10107888)为您解决。</p></li>
            </ul>
            <span class="icon icon-close pay-tip-close"></span>
            <a href="http://www.meituan.com/vote/survey/7" target="_blank">将您的问题反馈给我们</a>
            </div>
    <div class="order clear-fix">
        <span class="block-left">
            <div class="order-name" th:text="${roomCategory}">项目：AR趣享双床房[普卡价] 7-2入住1晚</div>
        </span>
        <span class="block-right">
        <div class="amount">应付金额 ¥ <span class="amount-price" th:text="${order.totalprice}">157.00</span></div>
        </span>
    </div>
     <div class="payment-container">
         <div class="payment payment-0">
             <div class="payment-type">
                 <ul class="payment-menu">
                     <li class="payment-tab payment-tab-0" data-target="0">支付宝/微信</li>
                 </ul>
                 <div class="payment-list payment-list-0">
                     <ul class="clear-fix">
                        <!-- <li><input type="radio" name="thirdpart_pay" id="thirdpart_pay_wxqrpay" data-type="wxqrpay" data-banktypeid="" data-bankcode="" checked="">
                         <label class="payment-icon" for="thirdpart_pay_wxqrpay"><img src="/images/weixin_pay.png" disabled="" alt="微信"></label>
                         <span class="payment-weak-tip" style="visibility:visible;"></span>
                         </li>-->
                         <li>
                             <input type="radio" name="thirdpart_pay" id="thirdpart_pay_alipay" data-type="alipay" data-banktypeid="" data-bankcode="">
                             <label><img src="/images/alipay.png"  style="height: 350px;" disabled="" alt="支付宝"></label>
                             <span class="payment-weak-tip" style="visibility:hidden;"></span>
                         </li>
                     </ul>
                 </div>
                 <div class="payment-list payment-list-1"><div class="payment-bank-tip">支持储蓄卡和信用卡，需要开通网银</div>
                     <ul class="clear-fix">
                         <li><input type="radio" name="b2cebank" id="b2cebank_189" data-type="qdbpay" data-banktypeid="189" data-bankcode="b2c">
                         <label class="payment-icon" for="b2cebank_189"><img src="./收银台_files/icbc.png" disabled="" alt="中国工商银行"></label>
                         <span class="payment-weak-tip" style="visibility:hidden;"></span>
                         </li>
                         <li>
                             <input type="radio" name="b2cebank" id="b2cebank_190" data-type="qdbpay" data-banktypeid="190" data-bankcode="b2c">
                             <label class="payment-icon" for="b2cebank_190"><img src="./收银台_files/cmb.png" disabled="" alt="招商银行"></label>
                             <span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_191" data-type="qdbpay" data-banktypeid="191" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_191"><img src="./收银台_files/ccb.png" disabled="" alt="中国建设银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_192" data-type="qdbpay" data-banktypeid="192" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_192"><img src="./收银台_files/abc.png" disabled="" alt="中国农业银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_193" data-type="qdbpay" data-banktypeid="193" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_193"><img src="./收银台_files/boc.png" disabled="" alt="交通银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_194" data-type="qdbpay" data-banktypeid="194" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_194"><img src="./收银台_files/bofc.png" disabled="" alt="中国银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_195" data-type="qdbpay" data-banktypeid="195" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_195"><img src="./收银台_files/spdb.png" disabled="" alt="浦发银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_196" data-type="qdbpay" data-banktypeid="196" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_196"><img src="./收银台_files/pspc.png" disabled="" alt="中国邮政储蓄银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_352" data-type="qdbpay" data-banktypeid="352" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_352"><img src="./收银台_files/ee150864df5119f003009fa1ae154f902918.png" disabled="" alt="中国民生银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_400" data-type="qdbpay" data-banktypeid="400" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_400"><img src="./收银台_files/gfyh.png" disabled="" alt="广发银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                         <li><input type="radio" name="b2cebank" id="b2cebank_197" data-type="qdbpay" data-banktypeid="197" data-bankcode="b2c"><label class="payment-icon" for="b2cebank_197"><img src="./收银台_files/other.png" disabled="" alt="其他银行"></label><span class="payment-weak-tip" style="visibility:hidden;"></span></li>
                     </ul>
                 </div>
             </div>
             <div class="payment-submit-area clear-fix">
                 <div class="amount">支付 ¥ <span class="amount-price" th:text="${order.totalprice}" >157.00</span></div>
                 <div class="payment-submit"><a class="btn"  th:href=" '/order/pay?orderId='+${order.orderId}" >付款</a></div>
                 <div class="payment-back"><a  href="#" onClick="javascript :history.back(-1);">返回修改订单</a></div>
             </div>
         </div>
     </div>
    </div>
</div>

<div class="footer">
    <div class="container"></div>
    <div class="footer_top">
        <h3>&nbsp;</h3>
        <h3>四川大学酒店订购系统</h3>
        <h3>Team 22</h3>
    </div>
</div>
</body>
</html>